// axios 二次封装
import axios from 'axios';

// 创建 axios 实例
const request = axios.create({
  // 基础URL，所有请求都会基于这个URL
  baseURL: process.env.VUE_APP_BASE_API || '',
  // 请求超时时间
  timeout: 10000,
  // 请求头配置
  headers: {
    'Content-Type': 'application/json;charset=utf-8'
  }
});

// 请求拦截器
request.interceptors.request.use(
  config => {
    // 在这里可以添加token等认证信息
    const token = localStorage.getItem('token');
    if (token) {
      config.headers.Authorization = `Bearer ${token}`;
    }

    // 请求开始时可以显示loading
    // 例如：store.dispatch('app/showLoading');

    return config;
  },
  error => {
    // 请求错误处理
    console.error('请求配置错误:', error);
    return Promise.reject(error);
  }
);

// 响应拦截器
request.interceptors.response.use(
  response => {
    // 请求结束时隐藏loading
    // 例如：store.dispatch('app/hideLoading');

    // 处理响应数据
    const res = response.data;

    // 根据后端返回的状态码处理
    if (res.code === 200) {
      return res.data; // 返回实际数据
    } else {
      // 处理其他状态码
      console.error('请求失败:', res.message || '未知错误');
      return Promise.reject(new Error(res.message || '请求失败'));
    }
  },
  error => {
    // 响应错误处理
    // 隐藏loading
    // store.dispatch('app/hideLoading');

    if (error.response) {
      // 服务器返回错误
      switch (error.response.status) {
        case 401:
          // 未授权，跳转到登录页
          console.error('未授权，请重新登录');
          // 可以在这里添加跳转到登录页的逻辑
          break;
        case 403:
          console.error('拒绝访问');
          break;
        case 404:
          console.error('请求地址不存在');
          break;
        case 500:
          console.error('服务器错误');
          break;
        default:
          console.error('请求失败:', error.response.data.message || '未知错误');
      }
    } else if (error.request) {
      // 请求发出但没有收到响应
      console.error('网络错误，请检查网络连接');
    } else {
      // 请求配置错误
      console.error('请求错误:', error.message);
    }

    return Promise.reject(error);
  }
);

// 封装GET请求
export const get = (url, params = {}, config = {}) => {
  return request({
    url,
    method: 'get',
    params,
    ...config
  });
};

// 封装POST请求
export const post = (url, data = {}, config = {}) => {
  return request({
    url,
    method: 'post',
    data,
    ...config
  });
};

// 封装PUT请求
export const put = (url, data = {}, config = {}) => {
  return request({
    url,
    method: 'put',
    data,
    ...config
  });
};

// 封装DELETE请求
export const del = (url, params = {}, config = {}) => {
  return request({
    url,
    method: 'delete',
    params,
    ...config
  });
};

// 封装上传文件请求
export const upload = (url, file, config = {}) => {
  const formData = new FormData();
  formData.append('file', file);

  return request({
    url,
    method: 'post',
    data: formData,
    headers: {
      'Content-Type': 'multipart/form-data',
      ...config.headers
    },
    ...config
  });
};

// 导出默认的request实例
export default request;